<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<script src="js/jquery-3.5.1.min.js"></script>
		<script src="jsui/jquery-ui.min.js"></script>
		<link href="jsui/jquery-ui.min.css" type="text/css" rel="stylesheet" />
		<script src="jsui.js"></script>
		<style>
			.ui-selected {
				background-color: #00FFFF;
			}

			.ui-button:hover {
				background-color: #00FFFF;
			}
		</style>
	</head>
	<body>
		<a href="http://www.baidu.com" id="abaidu">百度</a>

		<div style="width: 6.25rem;height: 6.25rem;border:0.125rem solid #007FFF;" id="dragdiv"></div>
		<div style="width: 6.25rem;height: 6.25rem;border: 0.125rem solid #008000;" id="dropdiv1"></div>
		<div style="width: 12.5rem;height: 12.5rem;border: 0.125rem solid #008000;" id="dropdiv2"></div>
		<ul id="select">
			<li>嘿嘿</li>
			<li>呵呵</li>
			<li>哈哈</li>
		</ul>
		<div id="accorddiv">
			<h3>选项1</h3>
			<p>
				hahahhahahahhahahhahahahhahahhahahahhahahhahahahhahahhahahah
				hahahhahahahhahahhahahahhahahhahahahhahahhahahah
			</p>
			<h3>选项2</h3>
			<p>
				hahahhahahahhahahhahahahhahahhahahahhahahhahahahhahahhahahah
				hahahhahahahhahahhahahahhahahhahahahhahahhahahah
			</p>
			<h3>选项2</h3>
			<p>
				hahahhahahahhahahhahahahhahahhahahahhahahhahahahhahahhahahah
				hahahhahahahhahahhahahahhahahhahahahhahahhahahah
			</p>
		</div>
		<label for="autoinput">tag:</label>
		<input id="autoinput" />
		
		<input id="dateinput" />
		
		<div id="dialogdiv">
			<p>一个对话框</p>
		</div>
		<div id="progressbardiv"></div>
		
	</body>
</html>
